<script type="text/javascript">
  jQuery(function ($) {
    $("#cp,.sub-cp").mouseover(function () {
      $(".sub-cp").stop(true);
      $(".sub-cp").slideDown("500");
    })
    $("#cp,.sub-cp").mouseleave(function () {
      $(".sub-cp").stop(true);
      $(".sub-cp").slideUp("500");
    })
  })
</script>
<div class="nav">
  <div class="logo">
    <a href="{Stl.SiteUrl}/index.html"><img src="{stl:channel channelIndex='Logo' type='imageUrl'}"></a>
  </div>
  <div class="menu">
    <ul>
      <li><a href="{Stl.SiteUrl}/index.html">首页</a></li>
      <stl:channels topLevel="0" groupChannel="nav">
        <stl:if type="ChannelName" op="Equals" value="产品">

          <stl:yes>
            <li id="cp">
              <stl:a />
              <div class="sub-cp">
                <stl:channels>
                  <stl:a />
                </stl:channels>
              </div>
            </li>
          </stl:yes>

          <stl:no>
            <li>
              <stl:a />
            </li>
          </stl:no>

        </stl:if>

      </stl:channels>
    </ul>
  </div>
  <div class="search">

    <form id="searchform" method="get" action="{Stl.SiteUrl}/utils/search.html">
      <input type="text" name="word">
      <button class="search-cion">
        <span class="iconfont icon-search"></span>

      </button>
    </form>

    <script src="{Stl.SiteUrl}/js/classie.js"></script>
    <script src="{Stl.SiteUrl}/js/uisearch.js"></script>
    <script>
      new UISearch(document.getElementById('sb-search'));
    </script>

  </div>
</div>
​